@charset "utf-8";
.up{background: #000000;width: 100%;}
.up .uk-navbar-container:not(.uk-navbar-transparent) {background:inherit;}
.up .uk-navbar-nav>li{line-height:36px; color: #999; margin-right:5px; font-size: 12px;}
.up .uk-navbar-nav.y>li{margin-left:0px; margin-right:0;}
.up .uk-navbar-nav>li>a{min-height:36px;padding:0 0 0 10px;font-size: 12px;}
.up .uk-navbar-dropdown {
    width:170px;
    padding:5px 15px;
}
.up .uk-nav>li>a {padding: 0;}

/*.header .uk-navbar{height: 80px;}*/
.header{width: 100%;border-bottom:0px solid rgba(255,255,255,0.2); transition: all 1s;}
.header:hover{background:#fff;}
.header:before{content: ""; position:absolute; width: 100%; bottom: 0; z-index: 0; height: 0px; background:#ddd; }
.header .uk-navbar-container:not(.uk-navbar-transparent) {background:inherit;}

.header .uk-logo.logo{width:100px; height: 48px; background: url(../images/logo.png) no-repeat left 0px; background-size: 100% }
.header:hover .uk-logo.logo{background: url(../images/logo-1.png) no-repeat left 0px; background-size: 100% }

/*.header .uk-navbar-nav{margin-left: 40px;}*/
.header .uk-navbar-nav>li>a,.header .uk-navbar-toggle{min-height: 75px; }
.header .uk-navbar-nav>li{ margin:0 30px; }
.header .uk-navbar-nav>li>a{padding: 0 5px;font-size: 18px;color: #fff;font-weight: bold;}
.header:hover .uk-navbar-nav>li>a{color: #000}
.header .sousuo a{color: #fff}
.header .uk-nav>li>a {text-align: center;}
.header .uk-navbar-dropdown{background: initial; border-top:0px solid #203F8E;  width:170px; padding:35px 0px 55px 0; }

.header .uk-navbar-dropdown-nav>li>a{ border: 0px solid #ccc; font-size: 16px; padding: 8px 0; margin-bottom: 0px; color: #212121;}
.header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #203F8E;border: 0px solid #203F8E;}

[class*=uk-dropdown-bottom] {margin-top:0px;}

.header .uk-navbar-nav>li>a.uk-open{color:#203F8E}
.header .sousuo a:hover{color:#203F8E}

#layout{position:absolute; width: 100%; z-index: 10;transition: all 1s;}
/*#layout#headbox{position: relative;}*/
.uk-sticky-fixed{box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);}
#layout.uk-sticky-fixed .header{background:rgba(255,255,255,1);transition: all 1s; opacity: 1}
#layout.uk-sticky-fixed .header .uk-logo.logo{background: url(../images/logo-1.png) no-repeat left 0px; background-size: 100%}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a, #layout .header:hover a, #layout.uk-sticky-fixed a{color: #333}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a:hover, #layout .header:hover a:hover, #layout.uk-sticky-fixed a:hover{color:#203F8E;}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a:hover{color:#203F8E;}
#layout.uk-sticky-fixed .up .uk-navbar-nav>li>a {color: #999}
#layout.uk-sticky-fixed .up .uk-navbar-nav>li>a:hover, .up .uk-navbar-nav>li>a:hover, .up .uk-navbar-nav>li>a.uk-open {color: #ccc}
#layout .header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #203F8E}
#layout .header .uk-navbar-nav>li>a.uk-open{color:#203F8E;}

#layout .uk-search-navbar .uk-search-input {font-size: 1rem;}
#layout .uk-navbar-toggle.search{padding-right: 0}

.header .uk-navbar-dropbar-slide{background: url(../images/nav-bg.jpg) no-repeat center -150px #f1f1f1; background-size: 100%; box-shadow: 0 5px 7px rgba(0,0,0,.0);}

.left-menu .mob-logo{width: 100px;height:48px;display:block; background: url(../images/logo.png) no-repeat left 0px;background-size: 100%;}
.left-menu .uk-nav-parent-icon>.uk-parent>a::after{
    transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.left-menu .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
    transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);  /* Opera */
}
.uk-offcanvas-bar.left-menu {background: #203F8E}
.uk-offcanvas-bar.left-menu hr{background: rgba(255,255,255,0.1);}
.uk-offcanvas-bar.left-menu .en a, .uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{color:rgba(255,255,255,0.4); }
.uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{font-size: 12px; line-height: 16px;}

.uk-modal-dialog.ss {background:rgba(0,0,0,0.9);}
.uk-modal-dialog.ss .uk-modal-close-full{background:rgba(0,0,0,0.0);}

/*gghead*/
.header.gghead{background: #fff;border-bottom:0;}
.header.gghead .uk-logo.logo{background: url(../images/logo-1.png) no-repeat left 0px; background-size: 100% }
.header.gghead .uk-navbar-nav>li>a,.header.gghead .sousuo a{color: #212121;}
.header.gghead .uk-navbar-nav>li>a:hover,.header.gghead .sousuo a:hover{color: #203F8E;}
.header.gghead .sousuo a:hover{color: #203F8E}

.header.gghead .uk-navbar-nav>li.uk-open>a{color: #203F8E; position:relative;}
.header .uk-navbar-nav>li.uk-open>a:before{content: ""; position:absolute; bottom: 0; height: 1px; width: 100%; background: #203F8E;}
.header .uk-navbar-nav>li{position:relative;}
.header .uk-navbar-nav>li:hover:before{content: ""; position:absolute; bottom: 0; height: 1px; width: 100%; background: #203F8E;}

/*header-1*/
/*.header.header-1{position:relative; top: 0}
.header.header-1 .uk-logo .logo-1{opacity: 1}
.header.header-1 a{color: #000}
.header.header-1 .uk-navbar-nav>li>a{padding: 0 5px;font-size: 18px;color: #000}
.uk-modal-dialog.ss {background:rgba(0,0,0,0.9);}*/

.down-menu li a{border-bottom: 1px solid #ccc; display: block;}
.down-menu li a:hover{color: #203F8E; border-bottom: 1px solid #203F8E;}
.down-menu .txt{font-size: 14px; line-height: 20px;}

/*.body_main{padding:111px 0 0 0;}*/
#main {
    position: relative;
    background: #fff;
}

/*banner*/
.banner{position:relative; width: 100%;height:950px; top: 0}
.banner .uk-position-fixed {width: 100%;}
.banner h1{font-family:'Arial',"Microsoft YaHei"}
.banner .en-bt{font-style:italic; line-height: 30px;}
.banner .cn-bt{margin-top:15px;}
.banner .ad-an{margin-top:45px;}

/*footer*/
.footer{color: #999; background: #1a1a1a; position:relative;}
.footer a{color: #bbb;}
.footer .uk-nav-default>li>a{color: #999; font-size:12px; line-height: 22px;}
.footer a:hover{color: #fff;}
/*.footer .ewm img{width:90%;}*/
.footer .uk-nav>li>a{padding:0px 0 5px 0;}
.footer .uk-nav>li>a:hover{color: #fff}
.footer .uk-active .f-bt{color: #bbb; font-weight: bold; padding-top: 0; padding-bottom:15px;font-size: 14px;}
.banquan{background: #1a1a1a; padding:15px 0;line-height:20px; font-size: 12px; color: #666; border-top: 1px solid #333}
.banquan a{ color: #666}.banquan a:hover{ color: #fff}
.lianxi{font-size: 12px;  margin-top: 13px; line-height: 20px}
.logo-foot{margin-top:5px;}
.logo-foot img{width: 120px;}
.footer .ewm{max-width:150px; color: #999}
.footer .ewm h6{color: #999; font-size: 12px;}

/*home-about*/
.home-about{position:relative;padding:80px 0 130px 0; background: url(../images/home/h2.jpg) no-repeat 50% 100%; background-position: center bottom}
.home-about.fuwu{padding:0px 0 230px 0; background: url(../images/fuwu/fw-bg.jpg) no-repeat 50% 100%; background-position: center 70px}
.home-about .text>.title{position: relative;top:0px; font-family:'Arial Black', sans-serif;font-size: 68px;color: #000;line-height: 1;}
.home-about .text>.txt{position:relative; font-size: 18px; color: #555; line-height: 30px;}
.home-about .img{ position: absolute;opacity: 1; top: 30px; left: 50%; margin-left: -103px; overflow: hidden;}
.home-about .img.img-1{top: -50px;margin-left:0px;width: 50%;}


.home-about .abnt {margin-top:40px;}
.home-about .abnt li a{display:block; font-weight: bold; padding:15px 0; font-size: 18px; border-bottom: 1px solid #999; width:220px}
.home-about .abnt li a:hover{border-bottom:1px solid #203F8E;}
.home-about .abnt li a i{float: right; font-size: 14px; line-height: 24px;}
.home-about .down{width: 400px;}
.home-about .down .uk-grid-small {margin-left: -10px;}
.home-about .down .uk-grid-small>*{padding-left: 10px;}
.home-about .down .uk-grid-small>.uk-grid-margin {margin-top: 10px;}
.home-about .down li a{background: #fff; display:block;padding:13px 15px; border-radius: 3px}
.home-about .down li a:hover{background: #203F8E; color: #fff}
.home-about .down li a i{float: right; line-height: 26px;}

.huanhang{display:block;}

.shuju .ico-sj{margin-bottom: 20px}
.shuju h1.sj{font-family: 'Oswald', sans-serif; font-weight: 700}
.shuju h5{margin-top: 20px}
.shuju h1, .shuju h1 .sz{font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 56px;}
.shuju h1 .w{font-size: 16px; line-height: 20px;}
.jzrq{color: #999; font-size: 12px;}

/**/
.title h1{font-family:'Arial Black', sans-serif;font-size:48px;line-height: 1; color: #666;}
.title h3{font-weight: bold;}
/*news*/
.home-news .title .hot-an{float: right; margin-top:60px;}
.home-news span{font-weight: bold; font-size: 14px; color: #666}
.home-news .hot{position:relative;}
.home-news .hot .hot-an{position:relative; z-index: 1; width: 130px; background: #f5f5f5; padding:20px 0;}

.home-news .st{margin-top:20px;}
.home-news .hot p{font-size: 14px; line-height: 20px; color: #888; margin-top:5px;}
.home-news .hot a:hover p,.home-news .hot a:hover h3{color: #203F8E}



.bq{position:relative; z-index: 1; color: #fff; padding:10px 15px; font-size: 16px; line-height: 20px; width:35px}
.home-news ul{border-top: 1px solid #ccc; }
.home-news ul li{position:relative; border-bottom: 1px solid #ccc;}
.home-news ul li span{margin-right:10px; display:block;font-weight: bold;}
.home-news ul li .nmore{margin-top:10px;font-size: 14px; }
.home-news ul li .nmore span{width: 90px; font-weight: 300; background:url(../images/jt-hover.png) no-repeat right center; background-size:30%}
.home-news ul li:hover .nmore span{ background:url(../images/jt.png) no-repeat right center; background-size:30%}
.home-news ul li a p{font-size: 14px; color: #888; line-height: 22px;}
.home-news ul li a h3{font-size:20px; font-weight: bold;}
.home-news ul li a:hover{color: #fff}
.home-news ul li a{padding:30px 15px; display:block; }
.home-news ul li:hover a{padding:30px 15px;}
.home-news ul li:hover a h3, .home-news ul li:hover span, .home-news ul li:hover a p{color: #fff}
.home-news ul li:hover, .home-news ul li a:focus {z-index:2; box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3); transition:0.3s}
.home-news ul li:hover{background:url(../images/home/news-bg.jpg) no-repeat right center; background-size:100%; opacity: 1;}

.cp-pb{position:relative; padding-bottom: 80px;}

/*home-cp*/
.home-cp{position:relative; padding-bottom:100px;padding-top:90px;}
.home-cp span{position:absolute; font-family:'Arial Black', sans-serif; font-size:120px;color: #f3f3f3;line-height: 1;}
.home-cp span.bt-1{top: 0; right:0;}
.home-cp span.bt-2{bottom: 0; left:0;}
.home-cp span.bt-3{bottom:0px; right:0;font-size:16px;}

.home-cp .cp-list .ywmc{writing-mode: vertical-lr;writing-mode: tb-lr; color: rgba(255,255,255,0.3); font-weight: bold;}
.home-cp .cp-list ul>li:hover .ywmc{color: rgba(255,255,255,0.8); }
.home-cp .cp-list ul>li{position:relative; float: left; width: 50%; height:auto}
.home-cp .cp-list ul>li.uk-first-column{ top:100px}
.home-cp .cp-list ul>li.uk-grid-margin{margin-top:0px}
.home-cp .cp-list .bt{z-index: 2;}
.home-cp .cp-list .cp-lb-bg{background: rgba(17,68,195,0.8); height: 100%;}
.home-cp .cp-list .jj{z-index:2;position:absolute; top: 80px; left:30px; width:65%; font-size: 18px; line-height: 26px;}
.home-cp .cp-list ul li:hover, .home-cp .cp-list ul li a:focus {z-index:2; box-shadow:20px 20px 30px 0px rgba(0,0,0,0.5); transition:0.3s}


.cp-list .zuo{padding-top: 100px}
.cp-list .zuo, .cp-list .you{float: left; width: 50%}
.cp-list .zuo ul li, .cp-list .you ul li{width: 100%}
/*home-cp*/
/*.home-cp{position:relative; padding-bottom: 80px;padding-top: 80px;}
.home-cp span{position:absolute; font-family:'Arial Black', sans-serif; font-size:120px;color: #f3f3f3;line-height: 1;}
.home-cp span.bt-1{top: 0; right:0;}
.home-cp span.bt-2{bottom: 0; left:0;}
.home-cp span.bt-3{bottom: 0; right:0;font-size:16px;}

.home-cp .cp-list .ywmc{writing-mode: vertical-lr;writing-mode: tb-lr; color: rgba(255,255,255,0.3); font-weight: bold;}
.home-cp .cp-list ul>li:hover .ywmc{color: rgba(255,255,255,0.8); }
.home-cp .cp-list ul>li{position:relative;}
.home-cp .cp-list ul>li.uk-first-column{ top:100px}
.home-cp .cp-list ul>li.uk-grid-margin{margin-top:0px}
.home-cp .cp-list .bt{z-index: 2;}
.home-cp .cp-list .cp-lb-bg{background: rgba(17,68,195,0.8); height: 100%;}
.home-cp .cp-list .jj{z-index:2;position:absolute; top: 80px; left:30px; width:65%; font-size: 18px; line-height: 26px;}
.home-cp .cp-list ul li:hover, .home-cp .cp-list ul li a:focus {z-index:2; box-shadow:20px 20px 30px 0px rgba(0,0,0,0.5); transition:0.3s}*/




.home-chanpin span{position:absolute; font-family:'Arial Black', sans-serif; font-size:100px; color: rgba(255,255,255,0.1);line-height: 80px;}
.home-chanpin span.bt-1{bottom: 0; left: 0}
.home-chanpin .uk-slider-items li{background: #fff}
.home-chanpin .ywmc{writing-mode: vertical-lr;writing-mode: tb-lr; color: rgba(255,255,255,0.3);font-weight: bold;}
.home-chanpin .txt{padding:50px;}
.home-chanpin .txt h3{font-size: 28px; font-weight: bold;}
.home-chanpin .txt p{font-size: 18px; line-height: 26px;}
.home-chanpin .ad-an{margin-top:30px;}
.home-chanpin .ad-an a:hover{background:#203F8E; border:1px solid #203F8E; color:#fff}

/*.home-chanpin .title h1, .home-chanpin .title h3{color: #fff}
.home-chanpin{padding:80px 0; position:relative;background: #1144c2;}
.home-chanpin span{position:absolute; font-family:'Arial Black', sans-serif; font-size:100px; color: rgba(255,255,255,0.1);line-height: 80px;}
.home-chanpin span.bt-1{bottom: 0; left: 0}
.home-chanpin:before{content: ""; position:absolute; height: 100%;top:0; right: 0; width:40%; background: #fff;}
.home-chanpin .cx{color: #fff; position:relative;}
.home-chanpin .cx .bgs{position:absolute; height: 100%; width: 50%; top:0; left:0;}
.home-chanpin .bgs{position:absolute; height: 100%; width: 50%; top:0%; right:0;}
.home-chanpin .ywmc{writing-mode: vertical-lr;writing-mode: tb-lr; color: rgba(255,255,255,0.3);font-weight: bold;}
.home-chanpin .txt{padding:0 50px 0 0;}
.home-chanpin .j{height: 2px; width: 30px; margin:40px 0; background: #fff;}
.home-chanpin .ad-an{margin-top:30px;}
.home-chanpin .ad-an a:hover{background: #fff; color: #1144c2}*/





.xitong ul.xtlb li{margin:0 10px;}
.xitong ul.xtlb li .uk-overlay-default{background: rgba(17,68,195,0.8)}
.xitong ul.xtlb li:hover, .xitong ul.xtlb li a:focus {z-index:2; box-shadow:20px 20px 30px 0px rgba(0,0,0,0.5); transition:0.3s}
.xitong *+.uk-margin {margin-top: 30px!important;}
.xitong .uk-margin{margin-bottom: 0}
.xitong .uk-dotnav>.uk-active>*{background: #1144C3;}
.xitong .uk-dotnav>*>*{width: 30px;
    height:5px;
    border-radius:0%;  background: #fff;
    border: 0px solid rgba(102,102,102,.2);}

.xitong ul.xtlb.chanxue li .uk-overlay-default{background: rgba(17,68,195,0.5)}
.xitong ul.xtlb.chanxue li .uk-overlay-default h3,.xitong ul.xtlb.chanxue li .uk-overlay-default p{color: #fff}
/*.xitong{position: relative; top:-35px;}
.title.xt{position: relative;z-index:1}
.xitong .zz{position:absolute; z-index:1; height: 100%; width: 35%; right:0; top: 0;  padding-right:30px;}
.xitong .zz .txt{background:#203F8E; width: 100%; transition: all 1s;}
.xitong .zz .txt:hover{background:rgba(17,68,195,0.8); width: 100%; }
.xitong .zz .txt:hover, .xitong .zz .txt a:focus {z-index:9999; box-shadow:20px 20px 20px 0px rgba(0,0,0,0.5); transition:0.3s}

.xitong .zz .txt .pic{padding: 50px;}
.xitong .jt-r{ right: 30px }
.xitong .jt-l{ right: 70px }
.xitong .uk-position-small{margin:0; background: #fff; color: #999}
.xitong .uk-position-small:hover{background: #203F8E}
.xitong .uk-position-small svg{width: 10px}
.xitong .uk-position-small:hover svg{color: #fff}*/